/* 基本样式 */
.mui-bar{
  position: fixed;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0px rgba(0,0,0,.85);
  box-shadow: 0 0 0px rgba(0,0,0,.85);
}
header.mui-bar{
	background-color: #0082E6;
}
.header header.mui-bar{
	background:none;
}
.tab-wrap{
  padding:0 15px;
  position: relative;
  border-bottom: 2px solid #e5e5e5;
}
.tab-wrap .all{
  position: absolute;
  right: 15px;
  line-height: 38px;
  font-size: 14px;
  top: 6px;
}
.mui-bar-nav.mui-bar .mui-icon{
  color: #262626;
}
.app-container{
  background-color: #fff;
}
.mui-segmented-control{
  display: block;
  width: 100%;  
}
.mui-segmented-control .mui-control-item{
  display: inline-block;
  margin: 0 15px;
  padding: 0 10px;
  width: auto;
}
.app-container .mui-control-content {
    height: 100%;
    font-size: 15px;
}
.mui-segmented-control .mui-control-item.mui-active {
  color: #0082E6;
  background: #fff;
  border-bottom: 2px solid #0082E6;
}
/* 列表 */
.commonList.mui-table-view:before{
  height: 0;
}
.commonList.mui-table-view:after{
  height: 0;
}
.commonList li{
  margin: 10px 15px;
  padding: 10px;
  border:1px solid #e5e5e5;
  border-radius: 10px;
  position: relative;
}
.commonList li .new{
  position: absolute;
  width: 20px !important;
  top: 0;
}
.mui-bar .mui-right-icon{
  line-height: 44px;
  color: #fff;
  font-size: 14px;
}
/* flex布局 */
.flex {
	display: flex;
}
.basis-xs {
	flex-basis: 20%;
}

.basis-sm {
	flex-basis: 40%;
}

.basis-df {
	flex-basis: 50%;
}

.basis-lg {
	flex-basis: 60%;
}

.basis-xl {
	flex-basis: 80%;
}

.flex-sub {
	flex: 1;
}

.flex-twice {
	flex: 2;
}

.flex-treble {
	flex: 3;
}

.flex-direction {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: flex-center;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

.align-stretch {
	align-items: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}
/* 字体颜色 */
.text-grey{
  color: #807F7F;
}
.text-block{
  color: #343434;
}
.text-white{
  color: #fff;
}
.text-orange{
  color: #F28E23;
}
.text-green{
  color: #04AF00;
}
.text-blue{
  color: #0F6EFD;
}
/* 背景色 */
.bg-blue{
  background:#0082E6;
}
.bg-orange{
  background:#F29B76;
}
.bg-white{
  background:#ffffff;
}
.bg-green{
  background:#04AF00;
}
.bg-red{
  background:#FD6767;
}
.bg-yellow{
  background:#F19149;
}

/* 字体大小 */
.text-df{
  font-size: 1rem;
}
.text-sm{
  font-size: 0.8rem;
}
/* 标签 */
.tag-sm{
  padding: 2px 10px;
}
.round{
  border-radius: 20px;
}
/* 弹出框 */
.popUp{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%); 	/* IE 9 */
  -moz-transform:translate(-50%, -50%); 	/* Firefox */
  -webkit-transform:translate(-50%, -50%); /* Safari 和 Chrome */
  -o-transform:translate(-50%, -50%); 	/* Opera */
  width: 90%;
  min-height: 85vw;
  background: #FFFFFF;
  z-index: 999;
  border-radius: 10px;
  font-size: 0.88rem;
}
.popUpContent{
  padding: 20px 0px;
}
.popUp .item{
  padding: 10px 20px;
  
}
.popUp .item .label{
  padding: 11px 15px;
  min-width: 80px;
}
.popUp .item button{
  margin-right: 10px;
}
/* 标题 */
.content-Title{
  padding: 10px 0px;
  margin: 0 15px;
  border-bottom: 2px solid #EEEEEE;
}
.content-Title .titleB{
  color: #0082E6;
  padding-right: 30px;
  padding-left: 6px;
  background: url(../img/titleB@2x.png) no-repeat right bottom;
  background-size: 100%;
}
.content-Title .titleY{
  color: #F28E23;
  padding-right: 30px;
  padding-left: 6px;
  background: url(../img/titleY@2x.png) no-repeat right bottom;
  background-size: 100%;
}
.content{
  padding: 15px 20px;
  font-size: 14px;
}
.content .item{
  padding-bottom: 6px;
}
.content .item>div{
  padding-right: 4px;
}
.footer{
  width: 100%;
  background-color: #fff;
  padding: 15px;
}
.fixed{
  position: fixed;
  bottom: 0;
}

/* 按钮 */
.mui-btn-outlined.mui-btn-blue, .mui-btn-outlined.mui-btn-primary {
    color: #0082c6;
    background-color: transparent;
}
.mui-btn-blue, .mui-btn-primary, input[type=submit] {
    color: #fff;
    border: 1px solid #0082c6;
    background-color: #0082c6;
}
.mui-btn-blue, .mui-btn-primary, input[type=submit] {
    color: #fff;
    border: 1px solid #0082c6;
    background-color: #0082c6;
}
/* 边距 */
.margin-0 {
	margin: 0;
}

.margin-xs {
	margin: 0.32rem;
}

.margin-sm {
	margin: 0.625rem;
}

.margin {
	margin: 0.94rem;
}

.margin-lg {
	margin: 1.25rem;
}

.margin-xl {
	margin: 1.5rem;
}

.margin-top-xs {
	margin-top: 0.32rem;
}

.margin-top-sm {
	margin-top: 0.625rem;
}

.margin-top {
	margin-top: 0.94rem;
}

.margin-top-lg {
	margin-top: 1.25rem;
}

.margin-top-xl {
	margin-top: 1.5rem;
}

.margin-right-xs {
	margin-right: 0.32rem;
}

.margin-right-sm {
	margin-right: 0.625rem;
}

.margin-right {
	margin-right: 0.94rem;
}

.margin-right-lg {
	margin-right: 1.25rem;
}

.margin-right-xl {
	margin-right: 1.5rem;
}

.margin-bottom-xs {
	margin-bottom: 0.32rem;
}

.margin-bottom-sm {
	margin-bottom: 0.625rem;
}

.margin-bottom {
	margin-bottom: 0.94rem;
}

.margin-bottom-lg {
	margin-bottom: 1.25rem;
}

.margin-bottom-xl {
	margin-bottom: 1.5rem;
}

.margin-left-xs {
	margin-left: 0.32rem;
}

.margin-left-sm {
	margin-left: 0.625rem;
}

.margin-left {
	margin-left: 0.94rem;
}

.margin-left-lg {
	margin-left: 1.25rem;
}

.margin-left-xl {
	margin-left: 1.5rem;
}

.margin-lr-xs {
	margin-left: 0.32rem;
	margin-right: 0.32rem;
}

.margin-lr-sm {
	margin-left: 0.625rem;
	margin-right: 0.625rem;
}

.margin-lr {
	margin-left: 0.94rem;
	margin-right: 0.94rem;
}

.margin-lr-lg {
	margin-left: 1.25rem;
	margin-right: 1.25rem;
}

.margin-lr-xl {
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}

.margin-tb-xs {
	margin-top: 0.32rem;
	margin-bottom: 0.32rem;
}

.margin-tb-sm {
	margin-top: 0.625rem;
	margin-bottom: 0.625rem;
}

.margin-tb {
	margin-top: 0.94rem;
	margin-bottom: 0.94rem;
}

.margin-tb-lg {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}

.margin-tb-xl {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.padding-0 {
	padding: 0;
}

.padding-xs {
	padding: 0.3125rem;
}

.padding-sm {
	padding: 0.625rem;
}

.padding {
	padding: 0.94rem;
}

.padding-lg {
	padding: 1.25rem;
}

.padding-xl {
	padding: 1.5rem;
}

.padding-top-xs {
	padding-top: 0.32rem;
}

.padding-top-sm {
	padding-top: 0.625rem;
}

.padding-top {
	padding-top: 0.94rem;
}

.padding-top-lg {
	padding-top: 1.25rem;
}

.padding-top-xl {
	padding-top: 1.5rem;
}

.padding-right-xs {
	padding-right: 0.32rem;
}

.padding-right-sm {
	padding-right: 0.625rem;
}

.padding-right {
	padding-right: 0.94rem;
}

.padding-right-lg {
	padding-right: 1.25rem;
}

.padding-right-xl {
	padding-right: 1.5rem;
}

.padding-bottom-xs {
	padding-bottom: 0.32rem;
}

.padding-bottom-sm {
	padding-bottom: 0.625rem;
}

.padding-bottom {
	padding-bottom: 0.94rem;
}

.padding-bottom-lg {
	padding-bottom: 1.25rem;
}

.padding-bottom-xl {
	padding-bottom: 1.5rem;
}

.padding-left-xs {
	padding-left: 0.32rem;
}

.padding-left-sm {
	padding-left: 0.625rem;
}

.padding-left {
	padding-left: 0.94rem;
}

.padding-left-lg {
	padding-left: 1.25rem;
}

.padding-left-xl {
	padding-left: 1.5rem;
}

.padding-lr-xs {
	padding-left: 0.32rem;
	padding-right: 0.32rem;
}

.padding-lr-sm {
	padding-left: 0.625rem;
	padding-right: 0.625rem;
}

.padding-lr {
	padding-left: 0.94rem;
	padding-right: 0.94rem;
}

.padding-lr-lg {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.padding-lr-xl {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.padding-tb-xs {
	padding-top: 0.32rem;
	padding-bottom: 0.32rem;
}

.padding-tb-sm {
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
}

.padding-tb {
	padding-top: 0.94rem;
	padding-bottom: 0.94rem;
}

.padding-tb-lg {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

.padding-tb-xl {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

/* -- 浮动 --  */

.cf::after,
.cf::before {
	content: " ";
	display: table;
}

.cf::after {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}
.border0{
  border:0px;
}
.shadow{
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.text-center{
  text-align: center;
}